<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script src="../js/ajax.js"></script>

    <script>


        // 请求登录的接口
        ajax({
            type : 'post' ,
            url : 'http://192.168.20.59/wh2209/day26/%e8%af%be%e5%a0%82%e4%bb%a3%e7%a0%81/php/login.php',
            data : {
                username : 'yy' ,
                userpwd : '123'
            } , 
            cb : data => {
                console.log(data);
            }
        })



        // 打开的地址是   http://localhost/wh2209/day27/%e8%af%be%e5%a0%82%e4%bb%a3%e7%a0%81/html/03%e7%ba%bf%e4%b8%8a%e8%b7%af%e5%be%84%e8%ae%bf%e9%97%ae%e6%8e%a5%e5%8f%a3.html
        //    但是访问的数据是  http://192.168.20.59/wh2209/day26/%e8%af%be%e5%a0%82%e4%bb%a3%e7%a0%81/php/login.php
        //   





        // 相对路径   不会产生跨域问题   

        // 线上地址(想访问别人的数据)   想跨源访问数据  报错



        // 实际上一个公司可能做多个网站

        //    stu.1000phone.com
        //    jx.1000phone.com
        //    以上两个网站   域名不一样   不能访问数据


        //   想要共享数据需要授权     ----   跨域访问数据


        //   如何授权  ---  如何解决跨域问题？
        //    1 后端接口  给权限   header('Access-Control-Allow-Origin:*')
        //    2 jsonp  

    </script>
    
</body>
</html>